﻿<html>
<head>
<title>房贷计算器_等额本息还款法</title>
<SCRIPT language=JavaScript src="9.js"></SCRIPT>

<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=JavaScript src="jquery-1.3.1.min.js"></SCRIPT>
<SCRIPT language=JavaScript src="right.js"></SCRIPT>
<script>
$(function(){
	$("#table1 tr:gt(12)").hide();
	$("#show_btn1").toggle(
		function () {
			$(this).addClass("show_on");
			$(this).html("隐藏部分年份");
			$("#table1 tr:gt(12)").fadeIn(300);
		},
		function () {
			$(this).removeClass("show_on");
			$(this).html("显示所有年份");
			$("#table1 tr:gt(12)").fadeOut(500);
		}
	); 
	$("#table2 tr:gt(12)").hide();
	$("#show_btn2").toggle(
		function () {
			$(this).addClass("show_on");
			$(this).html("隐藏部分年份");
			$("#table2 tr:gt(12)").fadeIn(300);
		},
		function () {
			$(this).removeClass("show_on");
			$(this).html("显示所有年份");
			$("#table2 tr:gt(12)").fadeOut(500);
		}
	); 
	
 }); 
//公积金贷款计算器计算结果
$(function(){
	$("#dejh").hide();
	$("#debj").hide();
	$("#zyhk").show();
	$("#hkfs").change(function(){
		var selected= this.value;
		$("#aa").html(selected);
			if( selected == 1){
				$("#dejh").fadeIn(300);
				$("#debj").hide();
				$("#zyhk").hide();
			}
			else if( selected==2){
				$("#dejh").hide();
				$("#debj").fadeIn(300);
				$("#zyhk").hide();
			}
			else if( selected==3){
				$("#dejh").hide();
				$("#debj").hide();
				$("#zyhk").fadeIn(300);
			}
	});
});
</script>

<style type="text/css">
body{background-color:#fff;margin:5px;}
table,td,img,form,ul{margin:0;padding:0;}
td,p,li,select,input,textarea{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.fData{color:#666;font-size:12px;}
.fDataS{font-size:10px;}
.lh15{line-height:15px;}
.lh17{line-height:17px;}
.lh19{line-height:19px;}
.lh20{line-height:20px;}
.lh21{line-height:21px;}
.lh22{line-height:22px;}
.lh23{line-height:23px;}
.lh24{line-height:24px;}
.lh25{line-height:25px;}
.lh26{line-height:26px;}
.b1{border:1px solid #000000;}
.h3{font-size:7px;color:#7AA8FF}
a.agu:link,a.agu:visited{text-decoration:none;color:#07015B;}
a.agu:active,a.agu:hover{text-decoration:none;color:#f00}
.lp{letter-spacing:4px;}
.iasklj,a.iasklj:link,a.iasklj:visited{text-decoration:none;color:#f00;}
a.iasklj:active,a.iasklj:hover{text-decoration:none;color:#f00;}
.t2{height:17px;}
.imgPhoto img{border:1px #000 solid;}
.imgPhoto2{border:1px #000 solid;}
.imgPhoto3{border:1px #ccc solid;}
.linkWhite,.linkWhite a:link,.linkWhite a:visited{text-decoration:none;color:#fff;}
.linkWhite a:active,.linkWhite a:hover{text-decoration:underline;color:#fff;}
.linkBlack,.linkBlack a:link,.linkBlack a:visited{text-decoration:none;color:#333;}
.linkBlack a:active,.linkBlack a:hover{text-decoration:underline;color:#333;}
.linkBlack2,.linkBlack2 a:link,.linkBlack2 a:visited{text-decoration:none;color:#000;}
.linkBlack2 a:active,.linkBlack2 a:hover{text-decoration:underline;color:#000;}
.linkBlack3 a:link,.linkBlack3 a:visited{text-decoration:underline;color:#333;}
.linkBlack3 a:active,.linkBlack3 a:hover{text-decoration:underline;color:#f00;}
.linkBlack4 a:link,.linkBlack4 a:visited{text-decoration:underline;color:#000;}
.linkBlack4 a:active,.linkBlack4 a:hover{text-decoration:underline;color:#f00;}
.linkBlack5,.linkBlack5 a:link,.linkBlack5 a:visited{text-decoration:none;color:#000;}
.linkBlack5 a:active,.linkBlack5 a:hover{text-decoration:none;color:#f00;}
.linkRed a:link,.linkRed a:visited{text-decoration:underline;color:#c30;}
.linkRed a:active,.linkRed a:hover{text-decoration:underline;color:#f00;}
.linkRed2,.linkRed2 a:link,.linkRed2 a:visited{text-decoration:none;color:#c30;}
.linkRed2 a:active,.linkRed2 a:hover{text-decoration:none;color:#f00;}
.linkRed3,.linkRed3 a:link,.linkRed3 a:visited{text-decoration:none;color:#a20000;}
.linkRed3 a:active,.linkRed3 a:hover{text-decoration:underline;color:#a20000;}
.linkBlue{text-decoration:none;color:#009;}
.linkBlue a:link,.linkBlue a:visited{text-decoration:underline;color:#009;}
.linkBlue a:active,.linkBlue a:hover{text-decoration:underline;color:#f00;}
.linkGrey{text-decoration:none;color:#666;}
.linkGrey a:link,.linkGrey a:visited{text-decoration:underline;color:#666;}
.linkGrey a:active,.linkGrey a:hover{text-decoration:underline;color:#f00;}
.linkYellow,.linkYellow a:link,.linkYellow a:visited{text-decoration:none;color:#ad510f;}
.linkYellow a:active,.linkYellow a:hover{text-decoration:none;color:#f00;}

.linkBlogSerach01{color:#423E2A;}
.linkBlogSerach01 a:link,.linkBlogSerach01 a:visited{color:#423E2A; text-decoration:none; width:70px;}
.linkBlogSerach01 a:active,.linkBlogSerach01 a:hover{color:#f00; text-decoration:underline; width:70px;}

.linkBlogSerach{color:#423E2A;}
.linkBlogSerach a:link,.linkBlogSerach a:visited{color:#423E2A; text-decoration:none; width:55px;}
.linkBlogSerach a:active,.linkBlogSerach a:hover{color:#f00; text-decoration:underline; width:55px;}
.link01{font-size:14px;}
.link01 a:link{text-decoration:none;color:#000000;}
.link01 a:visited{text-decoration:none;color:#000000;}
.link01 a:active{text-decoration:underline;color:#000000;}
.link01 a:hover {text-decoration:underline;color:#9A0000;}

.imgRddcs img{border:1px #ccc solid;}
.tblRddcs{border:1px #ccc solid; background-color:#fff; margin-bottom:4px; width:122px; line-height:20px; text-align:center;}
.tblRddcs2{border:1px #ccc solid; background-color:#fff; margin-top:4px; width:122px; line-height:20px; text-align:center;}

A.a04:link {text-decoration:none;color:#000000;}
A.a04:visited {text-decoration:none;color:#646464;}
A.a04:active,A.a04:hover {text-decoration:underline;color:#ff0000;}

.menuOn{cursor:default;width:120px;font-size:12px;background-image: url(on_1.gif);background-repeat: no-repeat;padding-left:0px;color:#BA0300;line-height:22px; font-weight:bold}
.menuOff{cursor:pointer;width:120px;font-size:12px;background-image: url(off_1.gif);background-repeat: no-repeat;color:#666666;line-height:22px; font-weight:bold}

.menuOn2{cursor:default;width:120px;font-size:12px;background-image: url(on_1.gif);background-repeat: no-repeat;padding-left:0px;color:#BA0300;line-height:22px; font-weight:bold}
.menuOff2{cursor:pointer;width:120px;;font-size:12px;background-image: url(off_1.gif);background-repeat: no-repeat;color:#666666;line-height:22px; font-weight:bold}
.box {border:1px solid #F8E1CD;
}

.STYLE1 {color: #E65C00}
.btn{width:94px;height:20px;background:url("btn_bg.gif") no-repeat;cursor:pointer;font-size:12px;margin-right:10px;border:0}
.mt10{margin-top:10px}
.bgFDFCF7 {background:#FDFCF7}
.dot {background:url("dot.gif") top repeat-x}

</style>

<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body topmargin=5 marginheight=5 onLoad="MM_preloadImages('index2_r1_c1.jpg','index2_r4_c1.jpg','index2_r5_c1.jpg','index2_r6_c1.jpg','index2_r8_c1.jpg','index2_r9_c1.jpg','index2_r4_c1.jpg','index2_r5_c1.jpg','index2_r8_c1.jpg','index2_r9_c1.jpg')" >

<div align="center">
 

  <table width="950" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="631" valign="top" background="index_r12_c1.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>

          <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><a href="tool_GFNLPG.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image32','','index2_r1_c1.jpg',1)"><img src="index_r1_c1.jpg" name="Image32" width="237" height="69" border="0"></a></td>
            </tr>
            <tr>
              <td><a href="tool_DEBXHKF.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image27','','index2_r4_c1.jpg',1)"><img src="index_r4_c1.jpg" name="Image27" width="237" height="48" border="0"></a></td>
            </tr>
            <tr>
              <td><a href="tool_DEBJHKF.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image28','','index2_r5_c1.jpg',1)"><img src="index_r5_c1.jpg" name="Image28" width="237" height="43" border="0"></a></td>
            </tr>
            <tr>
              <td><a href="tool_TQHDJSQ.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image29','','index2_r6_c1.jpg',1)"><img src="index_r6_c1.jpg" name="Image29" width="237" height="47" border="0"></a></td>
            </tr>
            <tr>
              <td><a href="tool_SFJSQ.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image30','','index2_r8_c1.jpg',1)"><img src="index_r8_c1.jpg" name="Image30" width="237" height="45" border="0"></a></td>
            </tr>
            <tr>
              <td><a href="tool_GRZFGJJDK.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image31','','index2_r9_c1.jpg',1)"><img src="index_r9_c1.jpg" name="Image31" width="237" height="76" border="0"></a></td>
            </tr>
          </table></td>

          <td width="394" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                        <FORM name=calc1 action=calc_win.php method=post><tr>
              <td><img src="index_r1_c2.jpg" width="394" height="35"></td>
            </tr>
            <tr>
              <td><img src="title2.gif" width="390" height="50"></td>
            </tr>
            <tr>
              <td style="padding-top:6px">
<TABLE class=p9 cellSpacing=0 
                        borderColorDark=#ffffff cellPadding=0 width=380 
                        align=center  border=0>
                          <TBODY>
                          <TR vAlign=top>
                            <TD>
                              <TABLE class=p9 cellSpacing=1 cellPadding=5 
                              width=380 align=center bgColor=#F8E1CD border=0>
                                <TBODY>
                                <TR bgColor=#e7f3ff>
                                <TD height=26 bgcolor="#FFFBF7">
                                <DIV align=center>贷款类别：</DIV></TD>
                                <TD height=26 bgcolor="#FFFBF7">　 
                                  <SELECT 
                                onchange=exc_zuhe(this.form,this.value); 
                                name=type> <OPTION value=1 
                                selected>商业贷款</OPTION> <OPTION 
                                value=2>公积金</OPTION> <OPTION 
                                value=3>组合型</OPTION></SELECT> 
                                <DIV id=calc1_zuhe style="DISPLAY: none">
                                <TABLE class=p9 cellSpacing=0 cellPadding=0>
                                <TBODY>
                                <TR>
                                <TD>　组合比例：</TD></TR>
                                <TR>
                                <TD>　　　　　商业性：<INPUT maxLength=8 size=8 
                                name=total_sy>元</TD></TR>
                                <TR>
                                <TD>　　　　　公积金：<INPUT maxLength=8 size=8 
                                name=total_gjj>元</TD></TR></TBODY></TABLE></DIV></TD></TR>
                                <TR bgColor=#e7f3ff>
                                <TD height=26 bgcolor="#FFFBF7">
                                <DIV align=center>计算方式：</DIV></TD>
                                <TD height=26 bgcolor="#FFFBF7">　 
                                  <INPUT id=calc1_radio1 
                                onclick=exc_js(this.form,1); type=radio CHECKED 
                                value=1 name=jisuan_radio> <LABEL 
                                for=calc1_radio1>根据面积、单价计算</LABEL> <BR>
                                <DIV id=calc1_js_div1 style="DISPLAY: block">
                                <TABLE class=p9 cellSpacing=0 cellPadding=0 
                                width=200 border=0>
                                <TBODY>
                                <TR>
                                <TD class=l15 colSpan=2>　单价： <INPUT maxLength=8 
                                size=8 name=price>元/平米<BR>　面积： <INPUT 
                                maxLength=7 size=8 name=sqm>平方米<BR>　按揭成数： 
                                <SELECT size=1 name=anjie> <OPTION 
                                value=9>9成</OPTION> <OPTION value=8>8成</OPTION>
								<OPTION value=7 selected>7成</OPTION> 
                                <OPTION value=6>6成</OPTION> <OPTION 
                                value=5>5成</OPTION> <OPTION value=4>4成</OPTION> 
                                <OPTION value=3>3成</OPTION> <OPTION 
                                value=2>2成</OPTION></SELECT></TD></TR></TBODY></TABLE></DIV>　 
                                <INPUT id=calc1_radio2 
                                onclick=exc_js(this.form,2); type=radio value=2 
                                name=jisuan_radio> <LABEL 
                                for=calc1_radio2>根据贷款总额计算</LABEL> 
                                <DIV id=calc1_js_div2 style="DISPLAY: none">
                                <TABLE class=p9 cellSpacing=0 cellPadding=0 
                                width="100%" border=0>
                                <TBODY>
                                <TR>
                                <TD>　贷款总额：<INPUT maxLength=8 size=10 
                                name=daikuan_total000>万元</TD></TR></TBODY></TABLE></DIV></TD></TR>
                                <TR bgColor=#e7f3ff>
                                <TD height=26 bgcolor="#FFFBF7">
                                <DIV align=center>按揭年数：</DIV></TD>
                                <TD height=26 bgcolor="#FFFBF7">　 
                                  <SELECT id=years size=1 
                                name=years> <OPTION value=1>1年（12期）</OPTION> 
                                <OPTION value=2>2年（24期）</OPTION> <OPTION 
                                value=3>3年（36期）</OPTION> <OPTION 
                                value=4>4年（48期）</OPTION> <OPTION 
                                value=5>5年（60期）</OPTION> <OPTION 
                                value=6>6年（72期）</OPTION> <OPTION 
                                value=7>7年（84期）</OPTION> <OPTION 
                                value=8>8年（96期）</OPTION> <OPTION 
                                value=9>9年（108期）</OPTION> <OPTION 
                                value=10>10年（120期）</OPTION> <OPTION 
                                value=11>11年（132期）</OPTION> <OPTION 
                                value=12>12年（144期）</OPTION> <OPTION 
                                value=13>13年（156期）</OPTION> <OPTION 
                                value=14>14年（168期）</OPTION> <OPTION 
                                value=15>15年（180期）</OPTION> <OPTION 
                                value=16>16年（192期）</OPTION> <OPTION 
                                value=17>17年（204期）</OPTION> <OPTION 
                                value=18>18年（216期）</OPTION> <OPTION 
                                value=19>19年（228期）</OPTION> <OPTION value=20 
                                selected>20年（240期）</OPTION> <OPTION 
                                value=25>25年（300期）</OPTION> <OPTION 
                                value=30>30年（360期）</OPTION></SELECT></TD></TR>
                                <TR bgColor=#e7f3ff>
                                <TD height=26 bgcolor="#FFFBF7">
                                <DIV align=center>利　　率：</DIV></TD>
                                <TD height=26 bgcolor="#FFFBF7">
								<script>writeSelect()</script>
                                </TD></TR>
                                <TR bgColor=#e7f3ff>
                                <TD height=26 colSpan=2 bgcolor="#FFFBF7">
                                <DIV align=center><INPUT class=btn200040701 onclick=ext_total(this.form); type=button value=开始计算 name=button1> 
                                　
                                  <input class=btn200040701 onClick=formReset(this.form); type=reset value=重新计算 name=button2>
</DIV></TD></TR></TBODY></TABLE>
                            </TD></TR>
                      </TBODY></TABLE>

			  <table width="380" border=0 align="center" cellpadding=0 cellspacing=0>
	<tr valign=top><td align=center style="padding-top:20px"><img src="gieguo.gif" width="390" height="50">
<table width="380" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><DIV id=calc1_benxi 
                              style="LEFT: 0px; POSITION: relative; TOP: 0px">
                              <TABLE class=p9 cellSpacing=1 cellPadding=５ 
                              width="100%" align=center bgColor=#cccccc 
border=0>
                                <TBODY>
                                <TR bgColor=#f8f8f8>
                                <TD width="41%" height=26>　　　房款总额：</TD>
                                <TD width="59%">　 <INPUT class=p9 
                                name=fangkuan_total1></TD></TR>
                                <TR bgColor=#f8f8f8>
                                <TD height=26>　　　贷款总额：</TD>
                                <TD>　 <INPUT class=p9 
                                name=daikuan_total1></TD></TR>
                                <TR bgColor=#f8f8f8>
                                <TD height=26>　　　还款总额：</TD>
                                <TD>　 <INPUT class=p9 name=all_total1></TD></TR>
                                <TR bgColor=#f8f8f8>
                                <TD noWrap height=26>　　　支付利息款：</TD>
                                <TD>　 <INPUT class=p9 name=accrual1></TD></TR>
                                <TR bgColor=#f8f8f8>
                                <TD height=26>　　　首期付款：</TD>
                                <TD>　 <INPUT class=p9 
                                name=money_first1></TD></TR>
                                <TR bgColor=#f8f8f8>
                                <TD height=26>　　　贷款月数：</TD>
                                <TD>　 <INPUT class=p9 name=month1></TD></TR>
                                <TR bgColor=#f8f8f8>
                                <TD height=26>　　　月均还款：</TD>
                      <TD>　 <INPUT class=p9 
                                name=month_money1></TD></TR></TBODY></TABLE></DIV></td>
  </tr>
</table><DIV id=calc1_benjin 
                        style="DISPLAY: none; Z-INDEX: 98; LEFT: 107px; WIDTH: 180px; POSITION: absolute; TOP: 22px; HEIGHT: 220px"><INPUT 
                        type=hidden name=fangkuan_total2> <INPUT type=hidden 
                        name=daikuan_total2> <INPUT type=hidden name=all_total2> 
                        <INPUT type=hidden name=accrual2> <INPUT type=hidden 
                        name=money_first2> <INPUT type=hidden name=month2> 
                        <INPUT type=hidden name=month_money2> </DIV>
</td>
	</tr>
	</table></td>
            </tr>
            <tr>
              <td height="50" style="line-height:22px;padding-top:20px;padding-left:10px"><SPAN 
                        class=lh19><STRONG>等额本息还款方式</STRONG>是在还款期内，每月偿还同等数额的贷款(包括本金和利息)，这样由于每月的还款额固定，可以有计划地控制家庭收入的支出，也便于每个家庭根据自己的收入情况，确定还贷能力。 
                        </SPAN></td>
            </tr><tr>
              <td height="50">&nbsp;</td>
            </tr></form>
          </table></td>
        </tr>
      </table></td>
      <td width="83" valign="top" background="index_r7_c3.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><img src="index_r1_c3.jpg" width="83" height="191"></td>
        </tr>
        <tr>
          <td height="300">&nbsp;</td>
        </tr>
        <tr>
          <td><img src="index_r10_c3.jpg" width="83" height="118"></td>
        </tr>
      </table></td>
      <td width="236" valign="top" background="index_r2_c4.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><img src="index_r1_c4.jpg" width="236" height="35"></td>
        </tr>
        <tr>
          <td>
          <table id="table1" width="88%" border="1" bordercolor="#cccccc" cellpadding="1" cellspacing="3" style="border-collapse:collapse">
          <tr align="center" BGCOLOR="#FFFBEC">
          <td height="24" colspan="3" bgcolor="#FFFFFF"><b ><font COLOR="#ff9900">公积金</font></b></td>
          </tr>
          <tr BGCOLOR="#EEEEEE">
          <td width="51%" bgcolor="#dddddd">年限</td>
          <td width="23%" bgcolor="#dddddd">1-5年</td>
          <td width="26%" bgcolor="#dddddd">5-30年</td>
            </tr>
            <script>up();</script>
           </table>
            <a href="#" class="show_btn" id="show_btn1">显示所有年份</a>
            <table id="table2" width="88%" border="1" bordercolor="#cccccc" cellpadding="1" cellspacing="3" style="border-collapse:collapse">
            <tr align="center" BGCOLOR="#FFFBEC">
            <td height="24" colspan="3" bgcolor="#ffffff"><b><font COLOR="#ff9900">商业性</font></b></td>
            </tr>
            <tr><td bgcolor="dddddd">年限</td>
            <td bgcolor="dddddd">1-5年</td>
            <td bgcolor="dddddd">5-30年</td>
            </tr>
            <script>down();</script>
          </table>
          <a href="#" class="show_btn" id="show_btn2">显示所有年份</a></td>
        </tr>
      </table></td>
    </tr>
  </table>
  <table width="950" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><img src="index_r13_c1.jpg" width="950" height="28"></td>
    </tr>
  </table>
</div>

</body>
</html>

